<header class="site-header fixed-top">
	<div class="nav-site">
		<nav class="container-fluid navbar navbar-light navbar-expand-lg">

			<a class="navbar-brand" href="{{ site.github.url }}/">
				<img src="{{ site.github.url }}/images/logo256X256.png">
				<span class="hidden-sm-down">Entity Framework Plus</span>
			</a>

			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-site-menu" aria-controls="nav-site-menu"
			 aria-expanded="false" aria-label="Toggle navigation">
				<span class="navbar-toggler-icon"></span>
			</button>

			<div class="navbar-collapse collapse justify-content-end" id="nav-site-menu">
				<ul class="navbar-nav">
					<li class="nav-item">
						<a class="nav-link" href="{{ site.github.url }}/tutorials">
							<i class="fa fa-book" aria-hidden="true"></i>
							Tutorials
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="{{ site.github.url }}/contact-us">
							<i class="fa fa-envelope" aria-hidden="true"></i>
							Contact
						</a>
					</li>
					<li class="nav-item">
						<a class="nav-link" href="http://www.zzzprojects.com/contribute" onclick="ga('send', 'event', { eventAction: 'buy'});">
							<i class="fa fa-usd" aria-hidden="true"></i>
							Donate
						</a>
					</li>
					<li class="nav-item nav-item-download">
						<a class="btn btn-lg btn-z accent" role="button" href="{{ site.github.url }}/download" onclick="ga('send', 'event', { eventAction: 'download'});">
							<i class="fa fa-cloud-download" aria-hidden="true"></i>
							Download
							<i class="fa fa-angle-right"></i>
						</a>
					</li>
				</ul>
			</div>
		</nav>
	</div>
	<div class="nav-context hidden-md-down">
		<nav class="container-fluid navbar navbar-dark navbar-expand-lg">
			<div class="collapse navbar-collapse justify-content-between">
				<ul class="navbar-nav">
					<li class="nav-item {{ site_header_nav_context_home_css }}">
						<a class="nav-link" href="{{ site.github.url }}/">
							<i class="fa fa-home" aria-hidden="true"></i>
						</a>
					</li>
					<li class="nav-item {{ is_menu_context_gettingstarted_css_active }}">
						<a class="nav-link" href="{{ site.github.url }}/overview">
							Getting Started
						</a>
					</li>
					<li class="nav-item {{ is_menu_context_api_css_active }}">
						<a class="nav-link" href="{{ site.github.url }}/api">
							API
						</a>
					</li>
					<li class="nav-item {{ is_menu_context_faq_css_active }}">
						<a class="nav-link" href="{{ site.github.url }}/faq">
							FAQ
						</a>
					</li>
					<!--<li class="nav-item {{ is_menu_context_problems_css_active }}">
						<a class="nav-link" href="{{ site.github.url }}/problems">
							Problems
						</a>
					</li>!-->
				</ul>
			</div>
		</nav>
	</div>
</header>